<ion-header>
  <ion-navbar color="danger">
    <ion-title>
      购物车
    </ion-title>
  </ion-navbar>
</ion-header>

<ion-content>
  <ion-card>
  <div class="cart-empty">
    <ion-icon name="cart"></ion-icon>
  </div>
  <div>
    <p class="cart-empty-text">购物车还是空的</p>
  </div>
  </ion-card>
  <div>
    <p class="cart-guesswhatyoulike-text">
      <ion-icon name="heart"></ion-icon>
      - 猜你喜欢 -
    </p>
  </div>
  <ion-grid>
    <ion-row>
      <ion-col>
        <ion-card (click)="goDetail()">
          <img src="assets/image/slide0.jpg" class="slide-image"/>
          <ion-card-content>
            <ion-card-title>物品描述</ion-card-title>
            <p>更多的物品描述在这</p>
            <ion-buttons end>
              <button ion-button icon-left small color="danger" [outline]="true">
                <ion-icon name="cart"></ion-icon>加入购物车</button>
              <button ion-button icon-left small color="danger" [outline]="true">
                <ion-icon name="cash"></ion-icon>立即购买</button>
            </ion-buttons>
          </ion-card-content>
        </ion-card>
      </ion-col>
      <ion-col>
        <ion-card (click)="goDetail()">
          <img src="assets/image/slide1.jpg" class="slide-image"/>
          <ion-card-content>
            <ion-card-title>物品描述</ion-card-title>
            <p>更多的物品描述在这</p>
            <ion-buttons end>
              <button ion-button icon-left small color="danger" [outline]="true">
                <ion-icon name="cart"></ion-icon>加入购物车</button>
              <button ion-button icon-left small color="danger" [outline]="true">
                <ion-icon name="cash"></ion-icon>立即购买</button>
            </ion-buttons>
          </ion-card-content>
        </ion-card>
      </ion-col>
    </ion-row>
    <ion-row>
      <ion-col>
        <ion-card (click)="goDetail()">
          <img src="assets/image/slide1.jpg" class="slide-image"/>
          <ion-card-content>
            <ion-card-title>物品描述</ion-card-title>
            <p>更多的物品描述在这</p>
            <ion-buttons end>
              <button ion-button icon-left small color="danger" [outline]="true">
                <ion-icon name="cart"></ion-icon>加入购物车</button>
              <button ion-button icon-left small color="danger" [outline]="true">
                <ion-icon name="cash"></ion-icon>立即购买</button>
            </ion-buttons>
          </ion-card-content>
        </ion-card>
      </ion-col>
      <ion-col>
        <ion-card (click)="goDetail()">
          <img src="assets/image/slide2.jpg" class="slide-image"/>
          <ion-card-content>
            <ion-card-title>物品描述</ion-card-title>
            <p>更多的物品描述在这</p>
            <ion-buttons end>
              <button ion-button icon-left small color="danger" [outline]="true">
                <ion-icon name="cart"></ion-icon>加入购物车</button>
              <button ion-button icon-left small color="danger" [outline]="true">
                <ion-icon name="cash"></ion-icon>立即购买</button>
            </ion-buttons>
          </ion-card-content>
        </ion-card>
      </ion-col>
    </ion-row>
  </ion-grid>

</ion-content>
